@charset "UTF-8";
/* CSS Document */

#initPage{
	min-height: 320px;
}

.ui-navbar-custom .ui-btn .ui-btn-inner {
font-size: 11px!important; padding-top: 24px!important; padding-bottom: 0px!important;
} 

.ui-navbar-custom .ui-btn .ui-icon {
width: 30px!important; height: 20px!important; margin-left: -15px!important; box-shadow: none!important; -moz-box-shadow: none!important; -webkit-box-shadow: none!important; -webkit-border-radius: none !important; border-radius: none !important;
} 

#home .ui-icon {
	background: url(../images/home.png) 50% 50% no-repeat; 
	background-size: 22px 20px;
	box-shadow:none;
	border: 0 none;
    border-radius: 0 0 0 0;
    height: 20px;
    margin-left: -20px;
    width: 40px;
} 

#search .ui-icon {
	background: url(../images/search.png) 50% 50% no-repeat; background-size: 25px 17px;
	border: 0 none;
    border-radius: 0 0 0 0;
    height: 20px;
    margin-left: -20px;
    width: 40px;
	box-shadow:none;
} 

#info .ui-icon {
	background: url(../images/info.png) 50% 50% no-repeat; background-size: 20px 20px;
	border: 0 none;
    border-radius: 0 0 0 0;
    height: 20px;
    margin-left: -20px;
    width: 40px;
	box-shadow:none;
}

.ui-mobile-viewport .dwv{
	display:none;
}


/*TITLE LIST ACTION*/

#titleListWithAction {
	overflow:hidden;
}

#titleListWithAction h3, #titleListWithAction a{
	float:left;
}

#titleListWithAction h3{
	margin-left:20px;
}

#collapsibleContent h3{
	font-size:1em;
}


/*-------------------------------*/
/*------- LOGIN POSITIONS -------*/
/*-------------------------------*/

#homePage{
	background-position: 0 25px;
}

#text{
	top: 288px;
	left: 126px;
}

#logoJanssen{
	top:350px;
}

#logoJanssen {
	position:absolute;
	z-index:1;
	bottom:50px;
	right:0;
	background:transparent url("../images/logo.png") 0 0 no-repeat;
	width:100px;
	height:100px;
	background-size:80px 39px;
}

/*---------------------------*/
/*------ LOGIN Styles -------*/
/*---------------------------*/

#mobileView{
	height:480px;
	overflow:hidden;
}

#homePage{
	background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-image: url("../images/loginBG.png");
    background-origin: padding-box;  
    background-repeat: no-repeat;
    background-size: 300px 344px;
}

#text{
	color: gray;
    font-size: 14px; 
    position: absolute; 
    width: 135px;
}


/*---------------------------*/
/*------ HOME Styles -------*/
/*---------------------------*/

#homeButtonContent {
	background: url("../images/menuHeaderBG.png") no-repeat scroll 40px 10px transparent;
    padding-top: 100px;
	background-size: 230px 110px;
}

#homeButtonContent a{
	width:280px;
	height:65px;
	background-size:280px 63px;
	border:none;
	box-shadow:none;
	color:#CC1F33;
}

#principioActivoList{
	background:transparent url("../images/boton1BG.png") 0 0 no-repeat; 
}

#terapeuticaList{
	background:transparent url("../images/boton2BG.png") 0 0 no-repeat; 
	background-size:280px 70px;
}

#usoTerapeuticoList{
	background:transparent url("../images/boton3BG.png") 0 0 no-repeat; 
}

#homeButtonContent .ui-btn-inner{
	padding:1.2em 25px 1.2em 90px;
}

#homeButtonContent #homeFooter{
	width:320px;
	height:109px;
	background:transparent url("../images/footerBG.png") 0 0 no-repeat;
	background-size: 320px 109px;
	display:block;
	margin-left: -15px;
}

/*--------------------------------------*/
/*------ Listas  Styles -------*/
/*--------------------------------------*/

#customList{
	background:transparent url("../images/listBG.png") 0 0 repeat-y;
}

#customList li{
	background:transparent;
}

#customList .ui-btn-down-d{
	background-color:#b6b3b3;
	opacity:0.5;
}

#customList .ui-btn-active a{
	color:#b01c2e;
	text-shadow:none;
}

#customList .ui-btn-active{
	border:none;
}

#customList #headerTitleList{
	background-color: #BBCCCF;
    border: medium none;
    color: #515050;
    margin-left: 5px;
    margin-right: 5px;
    opacity: 0.7;
    text-shadow: none;
}

/*--------------------------------------*/
/*------ PrincipioActivo  Styles -------*/
/*--------------------------------------*/

#principioActivo .ui-listview-filter{
	    background: url("../images/searchPA-BG.png") no-repeat scroll 0 0 transparent;
    height: 100px;
     width: 295px;
	 margin-top:-5px;
}
#principioActivo .ui-input-search{
	  left:10px;
	  top:40px;
	  width:100px;
}


/*--------------------------------------*/
/*------ claseTerapeutica  Styles -------*/
/*--------------------------------------*/

#claseTerapeutica .ui-listview-filter{
	    background: url("../images/searchCT-BG.png") no-repeat scroll 0 0 transparent;
    height: 100px;
     width: 295px;
	 margin-top:-5px;
}

#claseTerapeutica .ui-input-search{
	  left:10px;
	  top:40px;
	  width:100px;
}


/*--------------------------------------*/
/*------ usoTerapeutica  Styles -------*/
/*--------------------------------------*/

#usoTerapeutica .ui-listview-filter{
	 background: url("../images/searchUT-BG.png") no-repeat scroll 0 0 transparent;
     height: 100px;
     width: 295px;
	 margin-top:-5px;
}

#usoTerapeutica .ui-input-search{
	  left:10px;
	  top:40px;
	  width:100px;
}


/*--------------------------------------*/
/*------ Busqueda Cruzada  Styles -------*/
/*--------------------------------------*/

#firstSelection, #secondSelection{
	color:#d16a1a;
}

#customList #titleListWithAction{
	background-color: #BBCCCF;
    border: medium none;
    color: #515050;
    margin-left: 5px;
    margin-right: 5px;
    opacity: 0.7;
    text-shadow: none;
}

#crossSearchButon{
	    background: url("../images/botonCruzadaBG.png") no-repeat scroll 0 0 transparent;
    border: medium none;
    box-shadow: none;
    height: 220px;
    width: 290px;
	 
}

#crossSearchButon .ui-btn-inner{
	    border: medium none;
    left: 45px;
    top: 65px;
    width: 185px;
}

#crossSearchButon .ui-btn-text{
	    color: #5694A5;
    font-size: 22px;
}

#searchContent input{
	color:gray;
}

#crossSearchForm #fieldContent{
	margin:0;
	margin-top:-10px;
	border:none;
	height:20px;
}